<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax事件监听函数</title>
</head>
<body>
	<h1>$.ajax()</h1>
	<form action="">
		<input type="submit" value="提交" />
	</form>
</body>
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
	$('form').submit(function(){
		var params = {
			'type' : 'post',
			'data' : 'u=玛利亚&email=laowang@qq.com',
			'success' : function(msg){
				alert(msg);
			}
		};
		$.ajax('23.php',params);//$.ajax是$.get $.post的底层函数
		// $('input:submit').prop('disabled',true);
		// 为什么不用这种方式?
		// 页面大,用到ajax的地方很多,这个是单独监听,下面是全部监听
		// 只要是ajax被触发,用统一的方式去处理,方便高效
		return false;
	});
	//监听document对象,一旦ajax开始执行,则触发函数
	$(document).ajaxStart(function(){
		$('input:submit').prop('disabled',true);
	});	
	//注意:ajaxStart()这个函数,只能绑定$(document)节点上
</script>
</html>